import React from 'react';
import { Typography } from 'antd';

const { Title } = Typography;

const Logo = ({ collapsed }) => {
  return (
    <div style={{ 
      display: 'flex', 
      alignItems: 'center', 
      justifyContent: 'center',
      padding: collapsed ? '0' : '0 16px'
    }}>
      <div style={{ 
        width: '32px', 
        height: '32px', 
        background: 'linear-gradient(135deg, #1e3a8a 0%, #10b981 100%)',
        borderRadius: '8px',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        color: 'white',
        fontWeight: 'bold',
        fontSize: '16px',
        marginRight: collapsed ? 0 : '8px'
      }}>
        AI
      </div>
      {!collapsed && (
        <Title level={4} style={{ 
          margin: 0, 
          color: '#1e3a8a',
          fontSize: '16px'
        }}>
          智觅免忧
        </Title>
      )}
    </div>
  );
};

export default Logo;